<template>
  <div class="outer">
    <h2>我是App组件</h2>
  </div>

</template>

<script setup lang="ts" name="App">

import {Person} from "/ts/person";

class Student extends Person {

  score: number

  constructor(score: number, name: string, age: number) {
    super(name, age);
    this.score = score;
  }

  task() {
    super.task();
    console.log("学习")
  }
}

const student = new Student(99,"zhangsan", 23)
student.task()

</script>

<style>
  .outer {
    background-color: #ddd;
    border-radius: 10px;
    padding: 5px;
    margin: 10px;
    box-shadow: 0 0 10px;
    width: 400px;
    height: 400px;
  }
  img {
    width: 180px;
  }
</style>